<template>
	<view style="background-color: #f1f1f1; height: 100vh;">
		<view class="big">
			<img class="portrait"
				src="https://img0.baidu.com/it/u=793225906,2592146104&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
				alt="">
			<view class="small">
				<text class="name" >
					赵文瑄 \n
				</text>
				<text class="address">
					崇州盼盼人才公寓 \n
				</text><text class="address">
					盼盼置业高级销售组长
				</text>
			</view>
			<view class="WeChat">
				<view class="QRcode">
					<img class="erweima"
						src="https://img1.baidu.com/it/u=574267709,1113371921&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
						alt="">
					<img class="erweimar"
						src="https://img0.baidu.com/it/u=3335380167,945166442&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
						alt="">
				</view>
			</view>
			<view
				style="text-align: center; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, -50%); font-size: 36rpx;">
				<text style="width: 100%;">长按二维码，添加置业顾问企业微信<br></text>
				<text>期待您的联系～</text>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
		}
	}
</script>
<style>
	.big {
		width: 90%;
		position: relative;
		left: 50%;
		transform: translate(-50%, 0);
		background-color: #fff;
		height: 80vh;
	}
	.portrait {
		width: 90%;
		position: absolute;
		left: 50%;
		/* #ifdef MP-WEIXIN */
		height: 48%;
		/* #endif */
		transform: translate(-50%, 10%);
		height: 40vh;
	}
	.name {
		font-size: 46rpx;
		color: #fff;
		overflow-wrap: break-word;
	}
	.address {
		font-size: 32rpx;
		color: #fff;
		overflow-wrap: break-word;
	}
	.small {
		position: absolute;
		
		/* #ifdef MP-WEIXIN */
		left: 10%;
		top: 38%;
		/* #endif */
		
		/* #ifndef MP-WEIXIN */
		left: 12%;
		top: 40%;
		/* #endif */
	}
	.QRcode {
		position: absolute;
		/* #ifdef MP-WEIXIN */
		top: 58%;
		/* #endif */
		/* #ifndef MP-WEIXIN */
		top: 60%;
		/* #endif */
		left: 8%;
		display: flex;
		justify-content: space-around;
		width: 80%;
		height: 15vh;
	}
	.erweima,.erweimar {
		width: 40%;
		height: 15vh;
	}
</style>
